<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>WorkWise Html Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/css/animate.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/css/line-awesome.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/css/line-awesome-font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/css/jquery.mCustomScrollbar.min.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/css/slick.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/css/slick-theme.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/css/style.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/css/responsive.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/style/fontAwesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/style/css/richEditor.css">
    <style>
        *{
            -webkit-box-sizing:border-box;
            box-sizing:border-box;
            outline:none;
        }
        body{
            margin:0;
            padding:0;
            font-family:'microsoft yahei';
        }
        html,body{
            height:100%;
        }

        #editor{
            margin-left: -350px;
            margin-bottom: 100px;
            background: white;
        }
    </style>
</head>


<body>
<div class="wrapper">
    <header>
        <div class="container">
            <div class="header-data">
                <div class="logo">
                    <a href="" title=""><img src="${pageContext.request.contextPath}/style/picture/logo.png" alt=""></a>
                </div><!--logo end-->
                <div class="search-bar">
                    <form>
                        <input type="text" name="search" placeholder="Search...">
                        <button type="submit"><i class="la la-search"></i></button>
                    </form>
                </div><!--search-bar end-->
                <nav>
                    <ul>
                        <li>
                            <a href="" title="">
                                <span><img src="${pageContext.request.contextPath}/style/picture/icon1.png" alt=""></span>
                                主页
                            </a>
                        </li>
                        <li>
                            <a href="companies.html" title="">
                                <span><img src="${pageContext.request.contextPath}/style/picture/icon2.png" alt=""></span>
                                Companies
                            </a>
                        </li>
                        <li>
                            <a href="projects.html" title="">
                                <span><img src="${pageContext.request.contextPath}/style/picture/icon3.png" alt=""></span>
                                Projects
                            </a>
                        </li>
                        <li>
                            <a href="profiles.html" title="">
                                <span><img src="${pageContext.request.contextPath}/style/picture/icon4.png" alt=""></span>
                                Profiles
                            </a>
                            <ul>
                                <li><a href="user-profile.html" title="">User Profile</a></li>
                                <li><a href="my-profile-feed.html" title="">my-profile-feed</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="jobs.html" title="">
                                <span><img src="${pageContext.request.contextPath}/style/picture/icon5.png" alt=""></span>
                                Jobs
                            </a>
                        </li>
                        <li>
                            <a href="#" title="" class="not-box-open">
                                <span><img src="${pageContext.request.contextPath}/style/picture/icon6.png" alt=""></span>
                                Messages
                            </a>
                            <div class="notification-box msg">
                                <div class="nt-title">
                                    <h4>Setting</h4>
                                    <a href="#" title="">Clear all</a>
                                </div>
                                <div class="nott-list">
                                    <div class="notfication-details">
                                        <div class="noty-user-img">
                                            <img src="${pageContext.request.contextPath}/style/picture/ny-img1.png" alt="">
                                        </div>
                                        <div class="notification-info">
                                            <h3><a href="messages.jsp" title="">Jassica William</a></h3>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do.</p>
                                            <span>2 min ago</span>
                                        </div><!--notification-info -->
                                    </div>
                                    <div class="notfication-details">
                                        <div class="noty-user-img">
                                            <img src="${pageContext.request.contextPath}/style/picture/ny-img2.png" alt="">
                                        </div>
                                        <div class="notification-info">
                                            <h3><a href="messages.jsp" title="">Jassica William</a></h3>
                                            <p>Lorem ipsum dolor sit amet.</p>
                                            <span>2 min ago</span>
                                        </div><!--notification-info -->
                                    </div>
                                    <div class="notfication-details">
                                        <div class="noty-user-img">
                                            <img src="${pageContext.request.contextPath}/style/picture/ny-img3.png" alt="">
                                        </div>
                                        <div class="notification-info">
                                            <h3><a href="messages.jsp" title="">Jassica William</a></h3>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                                tempo incididunt ut labore et dolore magna aliqua.</p>
                                            <span>2 min ago</span>
                                        </div><!--notification-info -->
                                    </div>
                                    <div class="view-all-nots">
                                        <a href="messages.jsp" title="">View All Messsages</a>
                                    </div>
                                </div><!--nott-list end-->
                            </div><!--notification-box end-->
                        </li>
                        <li>
                            <a href="#" title="" class="not-box-open">
                                <span><img src="${pageContext.request.contextPath}/style/picture/icon7.png" alt=""></span>
                                Notification
                            </a>
                            <div class="notification-box">
                                <div class="nt-title">
                                    <h4>Setting</h4>
                                    <a href="#" title="">Clear all</a>
                                </div>
                                <div class="nott-list">
                                    <div class="notfication-details">
                                        <div class="noty-user-img">
                                            <img src="${pageContext.request.contextPath}/style/picture/ny-img1.png" alt="">
                                        </div>
                                        <div class="notification-info">
                                            <h3><a href="#" title="">Jassica William</a> Comment on your project.</h3>
                                            <span>2 min ago</span>
                                        </div><!--notification-info -->
                                    </div>
                                    <div class="notfication-details">
                                        <div class="noty-user-img">
                                            <img src="${pageContext.request.contextPath}/style/picture/ny-img2.png" alt="">
                                        </div>
                                        <div class="notification-info">
                                            <h3><a href="#" title="">Jassica William</a> Comment on your project.</h3>
                                            <span>2 min ago</span>
                                        </div><!--notification-info -->
                                    </div>
                                    <div class="notfication-details">
                                        <div class="noty-user-img">
                                            <img src="${pageContext.request.contextPath}/style/picture/ny-img3.png" alt="">
                                        </div>
                                        <div class="notification-info">
                                            <h3><a href="#" title="">Jassica William</a> Comment on your project.</h3>
                                            <span>2 min ago</span>
                                        </div><!--notification-info -->
                                    </div>
                                    <div class="notfication-details">
                                        <div class="noty-user-img">
                                            <img src="${pageContext.request.contextPath}/style/picture/ny-img2.png" alt="">
                                        </div>
                                        <div class="notification-info">
                                            <h3><a href="#" title="">Jassica William</a> Comment on your project.</h3>
                                            <span>2 min ago</span>
                                        </div><!--notification-info -->
                                    </div>
                                    <div class="view-all-nots">
                                        <a href="#" title="">View All Notification</a>
                                    </div>
                                </div><!--nott-list end-->
                            </div><!--notification-box end-->
                        </li>
                    </ul>
                </nav><!--nav end-->
                <div class="menu-btn">
                    <a href="#" title=""><i class="fa fa-bars"></i></a>
                </div><!--menu-btn end-->
                <div class="user-account">
                    <div class="user-info">
                        <img src="${pageContext.request.contextPath}/style/picture/user.png" alt="">
                        <a href="#" title="">John</a>
                        <i class="la la-sort-down"></i>
                    </div>
                    <div class="user-account-settingss">
                        <h3>Online Status</h3>
                        <ul class="on-off-status">
                            <li>
                                <div class="fgt-sec">
                                    <input type="radio" name="cc" id="c5">
                                    <label for="c5">
                                        <span></span>
                                    </label>
                                    <small>Online</small>
                                </div>
                            </li>
                            <li>
                                <div class="fgt-sec">
                                    <input type="radio" name="cc" id="c6">
                                    <label for="c6">
                                        <span></span>
                                    </label>
                                    <small>Offline</small>
                                </div>
                            </li>
                        </ul>
                        <h3>Custom Status</h3>
                        <div class="search_form">
                            <form>
                                <input type="text" name="search">
                                <button type="submit">Ok</button>
                            </form>
                        </div><!--search_form end-->
                        <h3>Setting</h3>
                        <ul class="us-links">
                            <li><a href="profile-account-setting.html" title="">Account Setting</a></li>
                            <li><a href="#" title="">Privacy</a></li>
                            <li><a href="#" title="">Faqs</a></li>
                            <li><a href="#" title="">Terms & Conditions</a></li>
                        </ul>
                        <h3 class="tc"><a href="#" title="">Logout</a></h3>
                    </div><!--user-account-settingss end-->
                </div>
            </div><!--header-data end-->
        </div>
    </header><!--header end-->

    <main>
        <div class="main-section">
            <div class="container">
                <div class="main-section-data">
                    <div class="row">
                        <div class="col-lg-3 col-md-4 pd-left-none no-pd">
                            <div class="main-left-sidebar no-margin">
                                <div class="user-data full-width">
                                    <div class="user-profile">
                                        <div class="username-dt">
                                            <div class="usr-pic">
                                                <img src="${pageContext.request.contextPath}/style/picture/user-pic.png" alt="">
                                            </div>
                                        </div><!--username-dt end-->
                                        <div class="user-specs">
                                            <h3>John Doe</h3>
                                            <span>Graphic Designer at Self Employed</span>
                                        </div>
                                    </div><!--user-profile end-->
                                    <ul class="user-fw-status">
                                        <li>
                                            <h4>Following</h4>
                                            <span>34</span>
                                        </li>
                                        <li>
                                        <h4>Followers</h4>
                                        <span>155</span>
                                         </li>

                                        <li>
                                            <a href="#" title="">View Profile</a>
                                        </li>
                                    </ul>
                                </div><!--user-data end-->
                                <div class="suggestions full-width">
                                    <div class="sd-title">
                                        <h3>Suggestions</h3>
                                        <i class="la la-ellipsis-v"></i>
                                    </div><!--sd-title end-->
                                    <div class="suggestions-list">
                                        <div class="suggestion-usd">
                                            <img src="${pageContext.request.contextPath}/style/picture/s1.png" alt="">
                                            <div class="sgt-text">
                                                <h4>Jessica William</h4>
                                                <span>Graphic Designer</span>
                                            </div>
                                            <span><i class="la la-plus"></i></span>
                                        </div>
                                        <div class="suggestion-usd">
                                            <img src="${pageContext.request.contextPath}/style/picture/s2.png" alt="">
                                            <div class="sgt-text">
                                                <h4>John Doe</h4>
                                                <span>PHP Developer</span>
                                            </div>
                                            <span><i class="la la-plus"></i></span>
                                        </div>
                                        <div class="suggestion-usd">
                                            <img src="${pageContext.request.contextPath}/style/picture/s3.png" alt="">
                                            <div class="sgt-text">
                                                <h4>Poonam</h4>
                                                <span>Wordpress Developer</span>
                                            </div>
                                            <span><i class="la la-plus"></i></span>
                                        </div>
                                        <div class="suggestion-usd">
                                            <img src="${pageContext.request.contextPath}/style/picture/s4.png" alt="">
                                            <div class="sgt-text">
                                                <h4>Bill Gates</h4>
                                                <span>C & C++ Developer</span>
                                            </div>
                                            <span><i class="la la-plus"></i></span>
                                        </div>
                                        <div class="suggestion-usd">
                                            <img src="${pageContext.request.contextPath}/style/picture/s5.png" alt="">
                                            <div class="sgt-text">
                                                <h4>Jessica William</h4>
                                                <span>Graphic Designer</span>
                                            </div>
                                            <span><i class="la la-plus"></i></span>
                                        </div>
                                        <div class="suggestion-usd">
                                            <img src="${pageContext.request.contextPath}/style/picture/s6.png" alt="">
                                            <div class="sgt-text">
                                                <h4>John Doe</h4>
                                                <span>PHP Developer</span>
                                            </div>
                                            <span><i class="la la-plus"></i></span>
                                        </div>
                                        <div class="view-more">
                                            <a href="#" title="">View More</a>
                                        </div>
                                    </div><!--suggestions-list end-->
                                </div><!--suggestions end-->
                                <div class="tags-sec full-width">
                                    <ul>
                                        <li><a href="#" title="">Help Center</a></li>
                                        <li><a href="#" title="">About</a></li>
                                        <li><a href="#" title="">Privacy Policy</a></li>
                                        <li><a href="#" title="">Community Guidelines</a></li>
                                        <li><a href="#" title="">Cookies Policy</a></li>
                                        <li><a href="#" title="">Career</a></li>
                                        <li><a href="#" title="">Language</a></li>
                                        <li><a href="#" title="">Copyright Policy</a></li>
                                    </ul>
                                    <div class="cp-sec">
                                        <img src="${pageContext.request.contextPath}/style/picture/logo2.png" alt="">
                                        <p><img src="${pageContext.request.contextPath}/style/picture/cp.png" alt="">Copyright 2017</p>
                                    </div>
                                </div><!--tags-sec end-->
                            </div><!--main-left-sidebar end-->
                        </div>
                        <div class="col-lg-6 col-md-8 no-pd">
                            <div class="main-ws-sec">
                                <div class="post-topbar">
                                    <div class="user-picy">
                                        <img src="${pageContext.request.contextPath}/style/picture/user-pic.png" alt="">
                                    </div>
                                    <div class="post-st">

                                    </div><!--post-st end-->

                                </div><!--post-topbar end-->

                                <div class="posts-section">

                                    <div class="top-profiles">
                                        <div class="pf-hd">
                                            <h3>Top Profiles</h3>
                                            <i class="la la-ellipsis-v"></i>
                                        </div>
                                        <div class="profiles-slider">
                                            <div class="user-profy">
                                                <img src="${pageContext.request.contextPath}/style/picture/user1.png" alt="">
                                                <h3>John Doe</h3>
                                                <span>Graphic Designer</span>
                                                <ul>
                                                    <li><a href="#" title="" class="followw">Follow</a></li>
                                                    <li><a href="#" title="" class="envlp"><img
                                                            src="${pageContext.request.contextPath}/style/picture/envelop.png" alt=""></a></li>
                                                    <li><a href="#" title="" class="hire">hire</a></li>
                                                </ul>
                                                <a href="#" title="">View Profile</a>
                                            </div><!--user-profy end-->
                                            <div class="user-profy">
                                                <img src="${pageContext.request.contextPath}/style/picture/user2.png" alt="">
                                                <h3>John Doe</h3>
                                                <span>Graphic Designer</span>
                                                <ul>
                                                    <li><a href="#" title="" class="followw">Follow</a></li>
                                                    <li><a href="#" title="" class="envlp"><img
                                                            src="${pageContext.request.contextPath}/style/picture/envelop.png" alt=""></a></li>
                                                    <li><a href="#" title="" class="hire">hire</a></li>
                                                </ul>
                                                <a href="#" title="">View Profile</a>
                                            </div><!--user-profy end-->
                                            <div class="user-profy">
                                                <img src="${pageContext.request.contextPath}/style/picture/user3.png" alt="">
                                                <h3>John Doe</h3>
                                                <span>Graphic Designer</span>
                                                <ul>
                                                    <li><a href="#" title="" class="followw">Follow</a></li>
                                                    <li><a href="#" title="" class="envlp"><img
                                                            src="${pageContext.request.contextPath}/style/picture/envelop.png" alt=""></a></li>
                                                    <li><a href="#" title="" class="hire">hire</a></li>
                                                </ul>
                                                <a href="#" title="">View Profile</a>
                                            </div><!--user-profy end-->
                                            <div class="user-profy">
                                                <img src="${pageContext.request.contextPath}/style/picture/user1.png" alt="">
                                                <h3>John Doe</h3>
                                                <span>Graphic Designer</span>
                                                <ul>
                                                    <li><a href="#" title="" class="followw">Follow</a></li>
                                                    <li><a href="#" title="" class="envlp"><img
                                                            src="${pageContext.request.contextPath}/style/picture/envelop.png" alt=""></a></li>
                                                    <li><a href="#" title="" class="hire">hire</a></li>
                                                </ul>
                                                <a href="#" title="">View Profile</a>
                                            </div><!--user-profy end-->
                                            <div class="user-profy">
                                                <img src="${pageContext.request.contextPath}/style/picture/user2.png" alt="">
                                                <h3>John Doe</h3>
                                                <span>Graphic Designer</span>
                                                <ul>
                                                    <li><a href="#" title="" class="followw">Follow</a></li>
                                                    <li><a href="#" title="" class="envlp"><img
                                                            src="${pageContext.request.contextPath}/style/picture/envelop.png" alt=""></a></li>
                                                    <li><a href="#" title="" class="hire">hire</a></li>
                                                </ul>
                                                <a href="#" title="">View Profile</a>
                                            </div><!--user-profy end-->
                                            <div class="user-profy">
                                                <img src="${pageContext.request.contextPath}/style/picture/user3.png" alt="">
                                                <h3>John Doe</h3>
                                                <span>Graphic Designer</span>
                                                <ul>
                                                    <li><a href="#" title="" class="followw">Follow</a></li>
                                                    <li><a href="#" title="" class="envlp"><img
                                                            src="${pageContext.request.contextPath}/style/picture/envelop.png" alt=""></a></li>
                                                    <li><a href="#" title="" class="hire">hire</a></li>
                                                </ul>
                                                <a href="#" title="">View Profile</a>
                                            </div><!--user-profy end-->
                                        </div><!--profiles-slider end-->
                                    </div><!--top-profiles end-->

                                    <div class="posty">
<%--                                        <div class="post-bar no-margin">--%>
<%--                                            <div class="post_topbar">--%>
<%--                                                <div class="usy-dt">--%>
<%--                                                    <img src="${pageContext.request.contextPath}/style/picture/us-pc2.png" alt="">--%>
<%--                                                    <div class="usy-name">--%>
<%--                                                        <h3>John Doe</h3>--%>
<%--                                                        <span><img src="${pageContext.request.contextPath}/style/picture/clock.png"--%>
<%--                                                                   alt="">3 min ago</span>--%>
<%--                                                    </div>--%>
<%--                                                </div>--%>
<%--                                                <div class="ed-opts">--%>
<%--                                                    <a href="#" title="" class="ed-opts-open"><i--%>
<%--                                                            class="la la-ellipsis-v"></i></a>--%>
<%--                                                    <ul class="ed-options">--%>
<%--                                                        <li><a href="#" title="">Edit Post</a></li>--%>
<%--                                                        <li><a href="#" title="">Unsaved</a></li>--%>
<%--                                                        <li><a href="#" title="">Unbid</a></li>--%>
<%--                                                        <li><a href="#" title="">Close</a></li>--%>
<%--                                                        <li><a href="#" title="">Hide</a></li>--%>
<%--                                                    </ul>--%>
<%--                                                </div>--%>
<%--                                            </div>--%>
<%--                                            <div class="epi-sec">--%>
<%--                                                <ul class="descp">--%>
<%--                                                    <li><img src="${pageContext.request.contextPath}/style/picture/icon8.png"--%>
<%--                                                             alt=""><span>Epic Coder</span></li>--%>
<%--                                                    <li><img src="${pageContext.request.contextPath}/style/picture/icon9.png" alt=""><span>India</span>--%>
<%--                                                    </li>--%>
<%--                                                </ul>--%>
<%--                                                <ul class="bk-links">--%>
<%--                                                    <li><a href="#" title=""><i class="la la-bookmark"></i></a></li>--%>
<%--                                                    <li><a href="#" title=""><i class="la la-envelope"></i></a></li>--%>
<%--                                                </ul>--%>
<%--                                            </div>--%>
<%--                                            <div class="job_descp">--%>
<%--                                                <h3>Senior Wordpress Developer</h3>--%>
<%--                                                <ul class="job-dt">--%>
<%--                                                    <li><a href="#" title="">Full Time</a></li>--%>
<%--                                                    <li><span>$30 / hr</span></li>--%>
<%--                                                </ul>--%>
<%--                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam--%>
<%--                                                    luctus hendrerit metus, ut ullamcorper quam finibus at. Etiam id--%>
<%--                                                    magna sit amet... <a href="#" title="">view more</a></p>--%>
<%--                                                <ul class="skill-tags">--%>
<%--                                                    <li><a href="#" title="">HTML</a></li>--%>
<%--                                                    <li><a href="#" title="">PHP</a></li>--%>
<%--                                                    <li><a href="#" title="">CSS</a></li>--%>
<%--                                                    <li><a href="#" title="">Javascript</a></li>--%>
<%--                                                    <li><a href="#" title="">Wordpress</a></li>--%>
<%--                                                </ul>--%>
<%--                                            </div>--%>
<%--                                            <div class="job-status-bar">--%>
<%--                                                <ul class="like-com">--%>
<%--                                                    <li>--%>
<%--                                                        <a href="#"><i class="la la-heart"></i> Like</a>--%>
<%--                                                        <img src="${pageContext.request.contextPath}/style/picture/liked-img.png" alt="">--%>
<%--                                                        <span>25</span>--%>
<%--                                                    </li>--%>
<%--                                                    <li><a href="#" title="" class="com"><img--%>
<%--                                                            src="${pageContext.request.contextPath}/style/picture/com.png" alt=""> Comment 15</a></li>--%>
<%--                                                </ul>--%>
<%--                                                <a><i class="la la-eye"></i>Views 50</a>--%>
<%--                                            </div>--%>
<%--                                        </div><!--post-bar end-->--%>
<%--                                        <div class="comment-section">--%>
<%--                                            <div class="plus-ic">--%>
<%--                                                <i class="la la-plus"></i>--%>
<%--                                            </div>--%>
<%--                                            <div class="comment-sec">--%>
<%--                                                <ul>--%>
<%--                                                    <li>--%>
<%--                                                        <div class="comment-list">--%>
<%--                                                            <div class="bg-img">--%>
<%--                                                                <img src="${pageContext.request.contextPath}/style/picture/bg-img1.png" alt="">--%>
<%--                                                            </div>--%>
<%--                                                            <div class="comment">--%>
<%--                                                                <h3>John Doe</h3>--%>
<%--                                                                <span><img src="${pageContext.request.contextPath}/style/picture/clock.png" alt=""> 3 min ago</span>--%>
<%--                                                                <p>Lorem ipsum dolor sit amet, </p>--%>
<%--                                                                <a href="#" title="" class="active"><i--%>
<%--                                                                        class="fa fa-reply-all"></i>Reply</a>--%>
<%--                                                            </div>--%>
<%--                                                        </div><!--comment-list end-->--%>
<%--                                                        <ul>--%>
<%--                                                            <li>--%>
<%--                                                                <div class="comment-list">--%>
<%--                                                                    <div class="bg-img">--%>
<%--                                                                        <img src="${pageContext.request.contextPath}/style/picture/bg-img2.png" alt="">--%>
<%--                                                                    </div>--%>
<%--                                                                    <div class="comment">--%>
<%--                                                                        <h3>John Doe</h3>--%>
<%--                                                                        <span><img src="${pageContext.request.contextPath}/style/picture/clock.png"--%>
<%--                                                                                   alt=""> 3 min ago</span>--%>
<%--                                                                        <p>Hi John </p>--%>
<%--                                                                        <a href="#" title=""><i--%>
<%--                                                                                class="fa fa-reply-all"></i>Reply</a>--%>
<%--                                                                    </div>--%>
<%--                                                                </div><!--comment-list end-->--%>
<%--                                                            </li>--%>
<%--                                                        </ul>--%>
<%--                                                    </li>--%>
<%--                                                    <li>--%>
<%--                                                        <div class="comment-list">--%>
<%--                                                            <div class="bg-img">--%>
<%--                                                                <img src="${pageContext.request.contextPath}/style/picture/bg-img3.png" alt="">--%>
<%--                                                            </div>--%>
<%--                                                            <div class="comment">--%>
<%--                                                                <h3>John Doe</h3>--%>
<%--                                                                <span><img src="${pageContext.request.contextPath}/style/picture/clock.png" alt=""> 3 min ago</span>--%>
<%--                                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing--%>
<%--                                                                    elit. Aliquam luctus hendrerit metus, ut ullamcorper--%>
<%--                                                                    quam finibus at.</p>--%>
<%--                                                                <a href="#" title=""><i class="fa fa-reply-all"></i>Reply</a>--%>
<%--                                                            </div>--%>
<%--                                                        </div><!--comment-list end-->--%>
<%--                                                    </li>--%>
<%--                                                </ul>--%>
<%--                                            </div><!--comment-sec end-->--%>
<%--                                            <div class="post-comment">--%>
<%--                                                <div class="cm_img">--%>
<%--                                                    <img src="${pageContext.request.contextPath}/style/picture/bg-img4.png" alt="">--%>
<%--                                                </div>--%>
<%--                                                <div class="comment_box">--%>
<%--                                                    <form>--%>
<%--                                                        <input type="text" placeholder="Post a comment">--%>
<%--                                                        <button type="submit">Send</button>--%>
<%--                                                    </form>--%>
<%--                                                </div>--%>
<%--                                            </div><!--post-comment end-->--%>
<%--                                        </div><!--comment-section end-->--%>
                                    </div><!--posty end-->

<%--                                    <form action="${pageContext.request.contextPath}/NewsController/addNews">--%>
<%--                                        <input type="text" name="newsDetail" placeholder="请输入你想说的话……">--%>
<%--                                        <iframe id="content" src="editor.jsp" style="width: 600px"></iframe>--%>
                                    <div id="editor">

                                        <p>你可以通过getHTML()获取编辑器中的所有内容，也可以通过getText()获取纯文本内容</p>
                                    </div>
                                    <script src="${pageContext.request.contextPath}/style/js/richEditor.min.js"></script>
                                    <script>

                                        var editor = new RichEditor("#editor", {
                                            width:900,
                                            height:400,
                                            toolBg:"#eee",
                                            buttons: {
                                                heading:{
                                                    title:"标题",
                                                    icon:"\uf1dc"
                                                },
                                                code: {
                                                    title: "引用",
                                                    icon: "\uf10d"
                                                },
                                                bold: {
                                                    title: "加粗",
                                                    icon: "\uf032"
                                                },
                                                italic: {
                                                    title: "斜体",
                                                    icon: "\uf033"
                                                },
                                                underline: {
                                                    title: "下划线",
                                                    icon: "\uf0cd"
                                                },
                                                strikethrough: {
                                                    title: "删除线",
                                                    icon: "\uf0cc"
                                                },
                                                foreColor: {
                                                    title: "字体颜色",
                                                    icon: "\uf1fc"
                                                },
                                                backColor: {
                                                    title: "背景色",
                                                    icon: "\uf043"
                                                },
                                                justifyLeft: {
                                                    title: "居左",
                                                    icon: "\uf036"
                                                },
                                                justifyCenter: {
                                                    title: "居中",
                                                    icon: "\uf037"
                                                },
                                                justifyRight: {
                                                    title: "居右",
                                                    icon: "\uf038"
                                                },
                                                justifyFull: {
                                                    title: "两端对齐",
                                                    icon: "\uf039"
                                                },
                                                insertOrderedList: {
                                                    title: "有序列表",
                                                    icon: "\uf0cb"
                                                },
                                                insertUnorderedList: {
                                                    title: "无序列表",
                                                    icon: "\uf0ca"
                                                },
                                                indent:{
                                                    title:"indent",
                                                    icon:"\uf03c"
                                                },
                                                outdent:{
                                                    title:"outdent",
                                                    icon:"\uf03b"
                                                },
                                                createLink: {
                                                    title: "链接",
                                                    icon: "\uf0c1"
                                                },
                                                insertImage: {
                                                    title: "插入图片",
                                                    icon: "\uf03e"
                                                },
                                                emotion: {
                                                    title: "表情",
                                                    icon: "\uf118"
                                                },
                                                fullscreen: {
                                                    title: "全屏",
                                                    icon: "\uf066"
                                                },
                                                save: {
                                                    title: "保存",
                                                    icon: "\uf0c7",
                                                    click:function(){
                                                        console.log(editor.getText());
                                                    }
                                                }
                                            }
                                        });

                                    </script>
                                        <br>
                                        <input type="text" id="newsAdd" placeholder="请插入地点">
                                        <br>
                                        <button type="button" id="addbtn" style="width: 130px;height:30px;border-radius: 25px" >发布</button>
<%--                                    </form>--%>
                                    <div class="process-comm">
                                        <a href="#" title=""><img src="${pageContext.request.contextPath}/style/picture/process-icon.png" alt=""></a>
                                    </div><!--process-comm end-->
                                </div><!--posts-section end-->
                            </div><!--main-ws-sec end-->
                        </div>
                        <div class="col-lg-3 pd-right-none no-pd">
                            <div class="right-sidebar">
                                <div class="widget widget-about">
                                    <img src="${pageContext.request.contextPath}/style/picture/wd-logo.png" alt="">
                                    <h3>Track Time on Workwise</h3>
                                    <span>Pay only for the Hours worked</span>
                                    <div class="sign_link">
                                        <h3><a href="#" title="">Sign up</a></h3>
                                        <a href="#" title="">Learn More</a>
                                    </div>
                                </div><!--widget-about end-->
                                <div class="widget widget-jobs">
                                    <div class="sd-title">
                                        <h3>Top Jobs</h3>
                                        <i class="la la-ellipsis-v"></i>
                                    </div>
                                    <div class="jobs-list">
                                        <div class="job-info">
                                            <div class="job-details">
                                                <h3>Senior Product Designer</h3>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit..</p>
                                            </div>
                                            <div class="hr-rate">
                                                <span>$25/hr</span>
                                            </div>
                                        </div><!--job-info end-->
                                        <div class="job-info">
                                            <div class="job-details">
                                                <h3>Senior UI / UX Designer</h3>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit..</p>
                                            </div>
                                            <div class="hr-rate">
                                                <span>$25/hr</span>
                                            </div>
                                        </div><!--job-info end-->
                                        <div class="job-info">
                                            <div class="job-details">
                                                <h3>Junior Seo Designer</h3>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit..</p>
                                            </div>
                                            <div class="hr-rate">
                                                <span>$25/hr</span>
                                            </div>
                                        </div><!--job-info end-->
                                        <div class="job-info">
                                            <div class="job-details">
                                                <h3>Senior PHP Designer</h3>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit..</p>
                                            </div>
                                            <div class="hr-rate">
                                                <span>$25/hr</span>
                                            </div>
                                        </div><!--job-info end-->
                                        <div class="job-info">
                                            <div class="job-details">
                                                <h3>Senior Developer Designer</h3>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit..</p>
                                            </div>
                                            <div class="hr-rate">
                                                <span>$25/hr</span>
                                            </div>
                                        </div><!--job-info end-->
                                    </div><!--jobs-list end-->
                                </div><!--widget-jobs end-->
                                <div class="widget widget-jobs">
                                    <div class="sd-title">
                                        <h3>Most Viewed This Week</h3>
                                        <i class="la la-ellipsis-v"></i>
                                    </div>
                                    <div class="jobs-list">
                                        <div class="job-info">
                                            <div class="job-details">
                                                <h3>Senior Product Designer</h3>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit..</p>
                                            </div>
                                            <div class="hr-rate">
                                                <span>$25/hr</span>
                                            </div>
                                        </div><!--job-info end-->
                                        <div class="job-info">
                                            <div class="job-details">
                                                <h3>Senior UI / UX Designer</h3>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit..</p>
                                            </div>
                                            <div class="hr-rate">
                                                <span>$25/hr</span>
                                            </div>
                                        </div><!--job-info end-->
                                        <div class="job-info">
                                            <div class="job-details">
                                                <h3>Junior Seo Designer</h3>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit..</p>
                                            </div>
                                            <div class="hr-rate">
                                                <span>$25/hr</span>
                                            </div>
                                        </div><!--job-info end-->
                                    </div><!--jobs-list end-->
                                </div><!--widget-jobs end-->
                                <div class="widget suggestions full-width">
                                    <div class="sd-title">
                                        <h3>Most Viewed People</h3>
                                        <i class="la la-ellipsis-v"></i>
                                    </div><!--sd-title end-->
                                    <div class="suggestions-list">
                                        <div class="suggestion-usd">
                                            <img src="${pageContext.request.contextPath}/style/picture/s1.png" alt="">
                                            <div class="sgt-text">
                                                <h4>Jessica William</h4>
                                                <span>Graphic Designer</span>
                                            </div>
                                            <span><i class="la la-plus"></i></span>
                                        </div>
                                        <div class="suggestion-usd">
                                            <img src="${pageContext.request.contextPath}/style/picture/s2.png" alt="">
                                            <div class="sgt-text">
                                                <h4>John Doe</h4>
                                                <span>PHP Developer</span>
                                            </div>
                                            <span><i class="la la-plus"></i></span>
                                        </div>
                                        <div class="suggestion-usd">
                                            <img src="${pageContext.request.contextPath}/style/picture/s3.png" alt="">
                                            <div class="sgt-text">
                                                <h4>Poonam</h4>
                                                <span>Wordpress Developer</span>
                                            </div>
                                            <span><i class="la la-plus"></i></span>
                                        </div>
                                        <div class="suggestion-usd">
                                            <img src="${pageContext.request.contextPath}/style/picture/s4.png" alt="">
                                            <div class="sgt-text">
                                                <h4>Bill Gates</h4>
                                                <span>C &amp; C++ Developer</span>
                                            </div>
                                            <span><i class="la la-plus"></i></span>
                                        </div>
                                        <div class="suggestion-usd">
                                            <img src="${pageContext.request.contextPath}/style/picture/s5.png" alt="">
                                            <div class="sgt-text">
                                                <h4>Jessica William</h4>
                                                <span>Graphic Designer</span>
                                            </div>
                                            <span><i class="la la-plus"></i></span>
                                        </div>
                                        <div class="suggestion-usd">
                                            <img src="${pageContext.request.contextPath}/style/picture/s6.png" alt="">
                                            <div class="sgt-text">
                                                <h4>John Doe</h4>
                                                <span>PHP Developer</span>
                                            </div>
                                            <span><i class="la la-plus"></i></span>
                                        </div>
                                        <div class="view-more">
                                            <a href="#" title="">View More</a>
                                        </div>
                                    </div><!--suggestions-list end-->
                                </div>
                            </div><!--right-sidebar end-->
                        </div>
                    </div>
                </div><!-- main-section-data end-->
            </div>
        </div>
    </main>


    <div class="post-popup pst-pj">
        <div class="post-project">
            <h3>Post a project</h3>
            <div class="post-project-fields">
                <form>
                    <div class="row">
                        <div class="col-lg-12">
                            <input type="text" name="title" placeholder="Title">
                        </div>
                        <div class="col-lg-12">
                            <div class="inp-field">
                                <select>
                                    <option>Category</option>
                                    <option>Category 1</option>
                                    <option>Category 2</option>
                                    <option>Category 3</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <input type="text" name="skills" placeholder="Skills">
                        </div>
                        <div class="col-lg-12">
                            <div class="price-sec">
                                <div class="price-br">
                                    <input type="text" name="price1" placeholder="Price">
                                    <i class="la la-dollar"></i>
                                </div>
                                <span>To</span>
                                <div class="price-br">
                                    <input type="text" name="price1" placeholder="Price">
                                    <i class="la la-dollar"></i>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <textarea name="description" placeholder="Description"></textarea>
                        </div>
                        <div class="col-lg-12">
                            <ul>
                                <li>
                                    <button class="active" type="submit" value="post">Post</button>
                                </li>
                                <li><a href="#" title="">Cancel</a></li>
                            </ul>
                        </div>
                    </div>
                </form>
            </div><!--post-project-fields end-->
            <a href="#" title=""><i class="la la-times-circle-o"></i></a>
        </div><!--post-project end-->
    </div><!--post-project-popup end-->

    <div class="post-popup job_post">
        <div class="post-project">
            <h3>Post a job</h3>
            <div class="post-project-fields">
                <form>
                    <div class="row">
                        <div class="col-lg-12">
                            <input type="text" name="title" placeholder="Title">
                        </div>
                        <div class="col-lg-12">
                            <div class="inp-field">
                                <select>
                                    <option>Category</option>
                                    <option>Category 1</option>
                                    <option>Category 2</option>
                                    <option>Category 3</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <input type="text" name="skills" placeholder="Skills">
                        </div>
                        <div class="col-lg-6">
                            <div class="price-br">
                                <input type="text" name="price1" placeholder="Price">
                                <i class="la la-dollar"></i>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="inp-field">
                                <select>
                                    <option>Full Time</option>
                                    <option>Half time</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <textarea name="description" placeholder="Description"></textarea>
                        </div>
                        <div class="col-lg-12">
                            <ul>
                                <li>
                                    <button class="active" type="submit" value="post">Post</button>
                                </li>
                                <li><a href="#" title="">Cancel</a></li>
                            </ul>
                        </div>
                    </div>
                </form>
            </div><!--post-project-fields end-->
            <a href="#" title=""><i class="la la-times-circle-o"></i></a>
        </div><!--post-project end-->
    </div><!--post-project-popup end-->


    <div class="chatbox-list">
        <div class="chatbox">
            <div class="chat-mg">
                <a href="#" title=""><img src="${pageContext.request.contextPath}/style/picture/usr-img1.png" alt=""></a>
                <span>2</span>
            </div>
            <div class="conversation-box">
                <div class="con-title mg-3">
                    <div class="chat-user-info">
                        <img src="${pageContext.request.contextPath}/style/picture/us-img1.png" alt="">
                        <h3>John Doe <span class="status-info"></span></h3>
                    </div>
                    <div class="st-icons">
                        <a href="#" title=""><i class="la la-cog"></i></a>
                        <a href="#" title="" class="close-chat"><i class="la la-minus-square"></i></a>
                        <a href="#" title="" class="close-chat"><i class="la la-close"></i></a>
                    </div>
                </div>
                <div class="chat-hist mCustomScrollbar" data-mcs-theme="dark">
                    <div class="chat-msg">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum congue leo eget
                            malesuada. Vivamus suscipit tortor eget felis porttitor.</p>
                        <span>Sat, Aug 23, 1:10 PM</span>
                    </div>
                    <div class="date-nd">
                        <span>Sunday, August 24</span>
                    </div>
                    <div class="chat-msg st2">
                        <p>Cras ultricies ligula.</p>
                        <span>5 minutes ago</span>
                    </div>
                    <div class="chat-msg">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum congue leo eget
                            malesuada. Vivamus suscipit tortor eget felis porttitor.</p>
                        <span>Sat, Aug 23, 1:10 PM</span>
                    </div>
                </div><!--chat-list end-->
                <div class="typing-msg">
                    <form>
                        <textarea placeholder="Type a message here"></textarea>
                        <button type="submit"><i class="fa fa-send"></i></button>
                    </form>
                    <ul class="ft-options">
                        <li><a href="#" title=""><i class="la la-smile-o"></i></a></li>
                        <li><a href="#" title=""><i class="la la-camera"></i></a></li>
                        <li><a href="#" title=""><i class="fa fa-paperclip"></i></a></li>
                    </ul>
                </div><!--typing-msg end-->
            </div><!--chat-history end-->
        </div>
        <div class="chatbox">
            <div class="chat-mg">
                <a href="#" title=""><img src="${pageContext.request.contextPath}/style/picture/usr-img2.png" alt=""></a>
            </div>
            <div class="conversation-box">
                <div class="con-title mg-3">
                    <div class="chat-user-info">
                        <img src="${pageContext.request.contextPath}/style/picture/us-img1.png" alt="">
                        <h3>John Doe <span class="status-info"></span></h3>
                    </div>
                    <div class="st-icons">
                        <a href="#" title=""><i class="la la-cog"></i></a>
                        <a href="#" title="" class="close-chat"><i class="la la-minus-square"></i></a>
                        <a href="#" title="" class="close-chat"><i class="la la-close"></i></a>
                    </div>
                </div>
                <div class="chat-hist mCustomScrollbar" data-mcs-theme="dark">
                    <div class="chat-msg">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum congue leo eget
                            malesuada. Vivamus suscipit tortor eget felis porttitor.</p>
                        <span>Sat, Aug 23, 1:10 PM</span>
                    </div>
                    <div class="date-nd">
                        <span>Sunday, August 24</span>
                    </div>
                    <div class="chat-msg st2">
                        <p>Cras ultricies ligula.</p>
                        <span>5 minutes ago</span>
                    </div>
                    <div class="chat-msg">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum congue leo eget
                            malesuada. Vivamus suscipit tortor eget felis porttitor.</p>
                        <span>Sat, Aug 23, 1:10 PM</span>
                    </div>
                </div><!--chat-list end-->
                <div class="typing-msg">
                    <form>
                        <textarea placeholder="Type a message here"></textarea>
                        <button type="submit"><i class="fa fa-send"></i></button>
                    </form>
                    <ul class="ft-options">
                        <li><a href="#" title=""><i class="la la-smile-o"></i></a></li>
                        <li><a href="#" title=""><i class="la la-camera"></i></a></li>
                        <li><a href="#" title=""><i class="fa fa-paperclip"></i></a></li>
                    </ul>
                </div><!--typing-msg end-->
            </div><!--chat-history end-->
        </div>
        <div class="chatbox">
            <div class="chat-mg bx">
                <a href="#" title=""><img src="${pageContext.request.contextPath}/style/picture/chat.png" alt=""></a>
                <span>2</span>
            </div>
            <div class="conversation-box">
                <div class="con-title">
                    <h3>Messages</h3>
                    <a href="#" title="" class="close-chat"><i class="la la-minus-square"></i></a>
                </div>
                <div class="chat-list">
                    <div class="conv-list active">
                        <div class="usrr-pic">
                            <img src="${pageContext.request.contextPath}/style/picture/usy1.png" alt="">
                            <span class="active-status activee"></span>
                        </div>
                        <div class="usy-info">
                            <h3>John Doe</h3>
                            <span>Lorem ipsum dolor <img src="${pageContext.request.contextPath}/style/picture/smley.png" alt=""></span>
                        </div>
                        <div class="ct-time">
                            <span>1:55 PM</span>
                        </div>
                        <span class="msg-numbers">2</span>
                    </div>
                    <div class="conv-list">
                        <div class="usrr-pic">
                            <img src="${pageContext.request.contextPath}/style/picture/usy2.png" alt="">
                        </div>
                        <div class="usy-info">
                            <h3>John Doe</h3>
                            <span>Lorem ipsum dolor <img src="${pageContext.request.contextPath}/style/picture/smley.png" alt=""></span>
                        </div>
                        <div class="ct-time">
                            <span>11:39 PM</span>
                        </div>
                    </div>
                    <div class="conv-list">
                        <div class="usrr-pic">
                            <img src="${pageContext.request.contextPath}/style/picture/usy3.png" alt="">
                        </div>
                        <div class="usy-info">
                            <h3>John Doe</h3>
                            <span>Lorem ipsum dolor <img src="${pageContext.request.contextPath}/style/picture/smley.png" alt=""></span>
                        </div>
                        <div class="ct-time">
                            <span>0.28 AM</span>
                        </div>
                    </div>
                </div><!--chat-list end-->
            </div><!--conversation-box end-->
        </div>
    </div><!--chatbox-list end-->
</div><!--theme-layout end-->
<script type="text/javascript" src="style/js/jquery.min.js"></script>
<script type="text/javascript" src="style/js/popper.js"></script>
<script type="text/javascript" src="style/js/bootstrap.min.js"></script>
<script type="text/javascript" src="style/js/jquery.mCustomScrollbar.js"></script>
<script type="text/javascript" src="style/js/slick.min.js"></script>
<script type="text/javascript" src="style/js/scrollbar.js"></script>
<script type="text/javascript" src="style/js/script.js"></script>
</body>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
    $(function(){
        $("#addbtn").click(function () {
            $.ajax({
                url:"${pageContext.request.contextPath}/NewsController/addNews",
                type:"POST",
                data:{content:$("#editor").text(),
                    address:$("#newsAdd").val()
                },
                dataType:"json",
                success:function () {
                    
                },
                error:function () {
                    
                }
            })
        })
        $.ajax({
            url:"${pageContext.request.contextPath}/NewsController/queryNews",
            type:"POST",
            dataType:"json",
            success:function(data){
                var content="";
                $.each(data,function(index,obj){
                    content+= "<div class=\"post-bar no-margin\">\n" +
                        "                        <div class=\"post_topbar\">\n" +
                        "                        <div class=\"usy-dt\">\n" +
                        "                        <img src=\"${pageContext.request.contextPath}/style/picture/us-pc2.png\" alt=\"\">\n" +
                        "                        <div class=\"usy-name\">\n" +
                        "                        <h3>"+obj.user.userName+"</h3>\n" +
                        "                    <span><img src=\"${pageContext.request.contextPath}/style/picture/clock.png\"\n" +
                        "                    alt=\"\">"+obj.newsTime+"</span>\n" +
                        "                    </div>\n" +
                        "                    </div>\n" +
                        "                    <a href=\"javascript:void(0)\" onclick=\"del(${obj.newsId})\">删除</a>\n" +
                        "                    </div>\n" +
                        "                    <div class=\"epi-sec\">\n" +
                        "                        <ul class=\"descp\">\n" +
                        "                        <li><img src=\"${pageContext.request.contextPath}/style/picture/icon8.png\"\n" +
                        "                    alt=\"\"><span>Epic Coder</span></li>\n" +
                        "                    <li><img src=\"${pageContext.request.contextPath}/style/picture/icon9.png\" alt=\"\"><span>"+obj.newsAdd+"</span>\n" +
                        "                        </li>\n" +
                        "                        </ul>\n" +
                        "                        <ul class=\"bk-links\">\n" +
                        "                        <li><a href=\"#\" title=\"\"><i class=\"la la-bookmark\"></i></a></li>\n" +
                        "                    <li><a href=\"#\" title=\"\"><i class=\"la la-envelope\"></i></a></li>\n" +
                        "                    </ul>\n" +
                        "                    </div>\n" +
                        "                    <div class=\"job_descp\">\n" +

                        "                    <p>"+obj.newsDetail+"<a href=\"#\" title=\"\"></a></p>\n" +

                        "                    </div>\n" +
                        "                    <div class=\"job-status-bar\">\n" +
                        "                        <ul class=\"like-com\">\n" +
                        "                        <li>\n" +
                        "                        <a href=\"#\"><i class=\"la la-heart\"></i> Like</a>\n" +
                        "                    <img src=\"${pageContext.request.contextPath}/style/picture/liked-img.png\" alt=\"\">\n" +
                        "                        <span>25</span>\n" +
                        "                        </li>\n" +
                        "                        <li><a href=\"#\" title=\"\" class=\"com\"><img\n" +
                        "                    src=\"${pageContext.request.contextPath}/style/picture/com.png\" alt=\"\"> Comment 15</a></li>\n" +
                        "                    </ul>\n" +
                        "                    <a><i class=\"la la-eye\"></i>Views 50</a>\n" +
                        "                    </div>\n" +
                        "                    </div><!--post-bar end-->\n"+
                     "<hr>"

                })
                $(".posty").html(content);
            },
            error:function (data) {
                alert("异步请求失败");
            }
        })
    })
</script>
<script>
    function del(newsId) {
        $.ajax({
            url:"${pageContext.request.contextPath}/NewsController/deleteNews",
            data:{newsId:newsId},
            dataType:"JSON",
            success:function () {

            },
            error:function(){

            }
        })

    }
</script>
</html>
